<!-- 
引入方式 1
<empty msg="暂无信息123"></empty>

引入方式 2
<empty icon="@/static/images/check_active.png">	
	<view slot="msg">暂无信息</view>
</empty> 
-->

<template>
<view class="empty-wrap">
	<view class="icon">
		<image v-if="empty_icon" class="img" :src="empty_icon" mode="widthFix"></image>
		<image v-else class="img" src="@/static/images/empty-bg.png" mode="widthFix"></image>
	</view> 
	<template v-if="msg">
		<view class="msg">{{msg}}</view>
	</template>
	<template v-else>
		<view class="msg">
			<slot name="msg"></slot>
		</view>
	</template>
</view>
</template>

<script>
export default {
	name:'name',
	data(){
		return {
			empty_icon:this.icon
		}
	},
	props:{
		icon:{
			type:String
		},
		isIcon:{
			type:Boolean,
			default:true
		},
		msg:{
			type:String
		}
	},
	created() { 
		if(this.empty_icon){ 
			// 	处理全局变量 @ 替换决定目录
			let reg=/[@]/ig;    // 匹配全部:
			this.empty_icon=this.empty_icon.replace(reg,"")  // @替换成.." 
		} 
	}, 
	computed:{
		 
	}
	
	
}
</script>

<style lang="less">
	.empty-wrap{
		padding:50rpx 0;
		.icon{
			width:30%;
			margin:0 auto 10rpx; 
			.img{
				width:100%
			}
		}
		.msg{
			text-align: center;
			font-size: 28rpx;
			color:#999;
		}
	}
</style>
